<template>
  <div class="home">
    <gltitle
      :is_mt="true"
      :is_notice="false"
      :is_back="true"
      :is_name="true"
      :title="title"
    ></gltitle>

    <div class="container">
      <div class="com">
        <div class="title">
          <div class="pic">
            <img src="../../assets/images/my/notice.png" alt="" />
            <div class="name">{{ $route.query.title }}</div>
          </div>
          <div class="time">{{ $route.query.time }}</div>
        </div>
      </div>
      <div class="line"></div>
      <div class="p" v-html="$route.query.doc"></div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      title: this.$t("page4.doc28"),
    };
  },

  mounted() {},
  methods: {
    path_url(url) {
      this.$router.push({
        path: url,
        query: {},
      });
    },
  },
};
</script>

<style lang="less" scoped>
.com {
  margin-top: 0.32rem;
  padding: 0.32rem;
  background: var(--CObackgroundLinear2);
  border-radius: 0rem 0rem 0.2rem 0.2rem;
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: var(--COcolor3);
  background: url("../../assets/images/noticeLine.png") no-repeat;
  background-size: 100% 100%;

  .title {
    .pic {
      margin-bottom: 0.16rem;
      display: flex;
      align-items: center;
      img {
        margin-right: 0.16rem;
      }
      .name {
        font-size: 0.32rem;
        font-weight: 500;
      }
    }
    .time {
      color: #bdbdbd;
      margin-left: 0.48rem;
    }
  }
}
.line {
  height: 2px;
  background-color: #1af47c !important;
  width: 100%;
  margin: 10px 0 20px 0;
}
/deep/ .head {
  background: transparent !important;
  height: 1.4rem;
  display: flex;
  align-items: center;
}
.home {
  background: #0d2622 url("../../assets/images/main-bg.png") no-repeat !important;
  background-size: 100% auto !important;
  min-height: 100vh;
  padding-bottom: 60px;
}
.p {
  line-height: 0.42rem;
  /deep/img {
    max-width: 100% !important;
    max-height: auto !important;
    height: auto !important;
  }
}
</style>
